<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1689617_jvvor2iwcs.css">
<style>
    .file-wrapper{
        width: 327px;
        height: 377px;
    }
    .file{
        box-sizing: border-box;
        width: 327px;
        padding-left: 1px;
        padding-right: 5px;
<<<<<<< HEAD
        padding-bottom: 15px; 
=======
        padding-bottom: 15px;
>>>>>>> ef7fd387bef088b1994ce2cc1206e2d21e6c431a
        overflow:hidden;
    }
    .file-wrapper .file:first-child{
        padding-top: 34px;
    }
    .file-wrapper .file:last-child{
        padding-bottom: 0;
    }
    .des{
        width: 239px;
        float: right;
    }
    .img{
        width: 73x;
        float: left;
    }
    .title{
        overflow:hidden;
    }
    .title h{
        font-size: 14px;
        float: left;
    }
    .title span{
        color: #c90210;
        font-size: 12px;
        float: right;
    }
    .xq{
        font-size: 11px;
        color: #686868;
    }
    .xq  a{
        text-decoration: none;
        color: #259c9d;
    }
    .xq a:last-child{
        color: #c90210;
    }
    .icon-yonghu{
        color:#d22a36;
    }
    .tb p{
        font-size: 13px;
    }
</style>
</head>
<body>
    <div class="file-wrapper">
        <!-- 环太平洋 -->
        <div class="file">
            <div class="img"><img src="./images/film1.jpg"></div>
            <div class="des">
                <div class="title">
                    <h>环太平洋</h>
                    <span>468人评论过</span>
                </div>
                <div class="xq">
<<<<<<< HEAD
                    <p><a href="#">#环太平洋##环太平洋#</a>对景建筑倒塌、核弹攻击城市、外星人入侵...<a href="#">[详细]</a></p>
=======
                    <p><span>#环太平洋##环太平洋#</span>对景建筑倒塌、核弹攻击城市、外星人入侵...<span>[详细]</span></p>
>>>>>>> ef7fd387bef088b1994ce2cc1206e2d21e6c431a
                </div>
                <div class="tb">
                   <p><i class="iconfont icon-yonghu"></i>欧美电影</p>
                </div>
            </div>
        </div>
        <!-- 速度与激情6 -->
        <div class="file">
            <div class="img"><img src="./images/fiml2.jpg"></div>
            <div class="des">
                <div class="title">
                    <h>速度与激情6</h>
                    <span>783人评论过</span>
                </div>
                <div class="xq">
<<<<<<< HEAD
                    <p>【杰森·斯坦森确定加盟<a href="#">#速!#</a>】斯坦森饰演第六部大反派欧文·肖...<a href="#">[详细]</a></p>
=======
                    <p>【杰森·斯坦森确定加盟<span>#速!#</span>】斯坦森饰演第六部大反派欧文·肖...<span>[详细]</span></p>
>>>>>>> ef7fd387bef088b1994ce2cc1206e2d21e6c431a
                </div>
                <div class="tb">
                   <p><i class="iconfont icon-yonghu"></i>热映推荐</p>
                </div>
            </div>
        </div>
        <!-- 青春派 -->
        <div class="file">
            <div class="img"><img src="./images/fiml3.jpg"></div>
            <div class="des">
                <div class="title">
                    <h>青春派</h>
                    <span>97人评论过</span>
                </div>
                <div class="xq">
                    <p>《青春派》预告片"零差评"其逆增长<a href="#">[详细]</a></p>
                </div>
                <div class="tb">
                   <p><i class="iconfont icon-yonghu"></i>电影预告</p>
                </div>
            </div>
        </div>
    </div>
</body>
</html>